<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        for(var i=1;i<=5;i++){  // 把行撑开 得到行数  

            // 打印空格  
            for(var j=1;j<=5-i;j++){
                document.write('&emsp;')
            }

            // 打印星星  
            for(var k=1;k<=2*i-1;k++){
                document.write('♥'+'&nbsp;');
            }
            document.write('<br />')
        }

        //  行数 i  1   2   3  4   5   已知 
        //  空格    4   3   2  1   0     5-行数
        //  星星    1   3   5  7   0     2*行数-1


        document.write('<hr>');
        for(var i=1;i<=5;i++){ // i 12345
            // 空格
            for(var j=1;j<=i-1;j++){
                document.write('&emsp;')
            }

            //星星
            for(var k=1;k<=11-2*i;k++){
                document.write('♥'+' ')
            }
            document.write('<br />')
        }
    </script>
</body>
</html>